:root{
--ink-950:#17130d;
--ink-800:#2b241c;
--ink-600:#4d443a;
--ink-400:#756a5d;
--parchment-50:#f8f3e8;
--parchment-100:#efe6d4;
--parchment-200:#e3d6bd;
--gold-300:#e7be73;
--gold-500:#c9974b;
--gold-700:#8a5f24;
--teal-700:#163c34;
--teal-900:#0a201b;
--rust-500:#c1502b;
--rust-700:#8f3a1f;
--slate-400:#7c8b99;
--slate-600:#596773;

--surface-page:var(--parchment-50);
--surface-card:var(--parchment-100);
--surface-card-hover:color-mix(in oklch, var(--parchment-100) 85%, var(--gold-700) 15%);
--surface-inverse:var(--ink-950);
--text-primary:var(--ink-950);
--text-secondary:var(--ink-600);
--text-muted:var(--ink-400);
--text-inverse:var(--parchment-50);
--text-inverse-muted:color-mix(in oklch, var(--parchment-50) 60%, transparent);
--accent-primary:var(--gold-500);
--accent-primary-strong:var(--gold-700);
--accent-primary-soft:var(--gold-300);
--accent-secondary:var(--teal-700);
--accent-tertiary:var(--rust-500);
--border-subtle:color-mix(in oklch, var(--ink-950) 12%, transparent);
--border-strong:color-mix(in oklch, var(--ink-950) 32%, transparent);
--border-inverse:color-mix(in oklch, var(--parchment-50) 24%, transparent);
--focus-ring:var(--gold-500);
--surface-elevated:var(--parchment-50);
--track-fill:var(--parchment-200);
--hero-fade-end:var(--parchment-50);
--watermark-tint:color-mix(in oklch, var(--ink-950) 6%, transparent);
}

:root[data-theme="dark"]{
--border-subtle:color-mix(in oklch, var(--parchment-50) 14%, transparent);
--border-strong:color-mix(in oklch, var(--parchment-50) 30%, transparent);
--surface-page:var(--ink-950);
--surface-card:var(--ink-800);
--surface-card-hover:color-mix(in oklch, var(--ink-800) 85%, var(--gold-700) 15%);
--surface-elevated:color-mix(in oklch, var(--ink-800) 92%, var(--parchment-50) 8%);
--text-primary:var(--parchment-50);
--text-secondary:var(--parchment-200);
--text-muted:color-mix(in oklch, var(--parchment-50) 55%, transparent);
--track-fill:color-mix(in oklch, var(--parchment-50) 20%, transparent);
--hero-fade-end:var(--ink-950);
--watermark-tint:color-mix(in oklch, var(--parchment-50) 8%, transparent);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --border-subtle:color-mix(in oklch, var(--parchment-50) 14%, transparent);
    --border-strong:color-mix(in oklch, var(--parchment-50) 30%, transparent);
    --surface-page:var(--ink-950);
    --surface-card:var(--ink-800);
    --surface-card-hover:color-mix(in oklch, var(--ink-800) 85%, var(--gold-700) 15%);
    --surface-elevated:color-mix(in oklch, var(--ink-800) 92%, var(--parchment-50) 8%);
    --text-primary:var(--parchment-50);
    --text-secondary:var(--parchment-200);
    --text-muted:color-mix(in oklch, var(--parchment-50) 55%, transparent);
    --track-fill:color-mix(in oklch, var(--parchment-50) 20%, transparent);
    --hero-fade-end:var(--ink-950);
    --watermark-tint:color-mix(in oklch, var(--parchment-50) 8%, transparent);
  }
}